<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>welcome</title>

    <link href="${ctx}/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="${ctx}/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <link href="${ctx}/css/animate.min.css" rel="stylesheet">
    <link href="${ctx}/css/style.min862f.css?v=4.1.0" rel="stylesheet">

    <style type="text/css">
        /*更改表格内容字体颜色*/
        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
            border-top: 1px solid #e7eaec;
            color: #0e9aef;
            line-height: 1.42857;
            padding: 8px;
            vertical-align: middle;
        }
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row ">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content" style="height: 260px">
                    <div class="col-sm-5 text-center" style="margin-top: 50px;font-size: 32px;">
                        命题管理系统
                    </div>
                    <div class="col-sm-7" >
                        <div class="echarts" id="chart"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <h3>试题数量详情</h3>
                        <table class="table">
                            <tr>
                                <th>问答题-腧穴</th>
                                <td style="color: #cc5965">${examCount.XWCount}</td>
                                <th>问答题-内科</th>
                                <td style="color: #cc5965">${examCount.NKAMCount}</td>
                                <th>问答题-伤科</th>
                                <td style="color: #cc5965">${examCount.SKAMCount}</td>
                                <th>问答题-妇科</th>
                                <td style="color: #cc5965">${examCount.FKAMCount}</td>
                            </tr>
                            <tr>
                                <th>问答题-儿科</th>
                                <td style="color: #cc5965">${examCount.EKTNCount}</td>
                                <th>问答题-触诊</th>
                                <td style="color: #cc5965">${examCount.CZCount}</td>
                                <th>穴位定位-儿科穴位</th>
                                <td style="color: #cc5965">${examCount.EKXWCount}</td>
                                <th>穴位定位-成人穴位</th>
                                <td style="color: #cc5965">${examCount.CRXWCount}</td>
                            </tr>
                            <tr>
                                <th>单项手法-儿科手法</th>
                                <td style="color: #cc5965">${examCount.EKSFCount}</td>
                                <th>单项手法-成人手法</th>
                                <td style="color: #cc5965">${examCount.CRSFCount}</td>
                                <th>单项手法-触诊诊断</th>
                                <td style="color: #cc5965">${examCount.CZZDCount}</td>
                            </tr>
                            <tr>
                                <th>成套手法-妇科</th>
                                <td style="color: #cc5965">${examCount.FKZTCount}</td>
                                <th>成套手法-伤科</th>
                                <td style="color: #cc5965">${examCount.SKZTCount}</td>
                                <th>成套手法-儿科</th>
                                <td style="color: #cc5965">${examCount.EKZTCount}</td>
                                <th>成套手法-内科</th>
                                <td style="color: #cc5965">${examCount.NKZTCount}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctx}/js/jquery.min.js?v=2.1.4"></script>
<script src="${ctx}/js/bootstrap.min.js?v=3.3.6"></script>
<script src="${ctx}/js/plugins/layer/layer.js"></script>
<script src="${ctx}/js/content.min.js"></script>
<script src="${ctx}/js/plugins/echarts/echarts.min.js"></script>

<script>
    //省级人口性别比例
    var myChart = echarts.init(document.getElementById('chart'));
    option = {
        title: {
            text: '试题类型统计',
            left: 'center',
            textStyle:{
                color:'#333',
                fontSize:'18'
            }
        },
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            x: 'right',
            data: ['问答题', '穴位定位', '单项手法', '成套手法']
        },
        series: [
            {
                name: '试题数量',
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    normal: {
                        show: true,
                        position: 'left'
                    },
                    emphasis: {
                        show: true,
                        textStyle: {
                            fontSize: '30',
                            fontWeight: 'bold'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [
                    {value: ${wenda}, name: '问答题'},
                    {value: ${XWDW}, name: '穴位定位'},
                    {value: ${DXSF}, name: '单项手法'},
                    {value: ${CTSF}, name: '成套手法'},
                ]
            }
        ]
    };
    myChart.setOption(option);
</script>
</body>
</html>
